SlideShare a Scribd company logo
1 of 63
 
Making Your Website Sing!   Engaging users through good usability, design, presentation, and storytelling.
Embolden   An award-winning web development, design and online communications strategy firm. ,[object Object],[object Object],[object Object]
How many…?
Online communication  channels
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Online Communications Strategy
Traffic & Engagement
Engagement is Action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Move People!
[object Object],[object Object],[object Object],[object Object]
As defined most succinctly by  Usability.gov Usability   “refers to how well users can learn and use a product [or a website] to achieve their goals and how satisfied they are with that process.”
Usability is everywhere Via: http://www.flickr.com/photos/paulsherman/
Usability is everywhere
Usability:  The Bad is The Ugly ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Usability:  The Bad is The Ugly ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Usability:  The Bad is The Ugly How about a news site? HavenWorks
Usability:  ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Usability:  The Bad is The Ugly Can You Tell Who's Site?? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Usability: Design does not equal good usability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
.
Users coming to your site via search are looking  to find  something or  do something .  Usability: There’s not much time ,[object Object],[object Object],[object Object],[object Object],[object Object],Source: Nielsen Norman Group  Total time on site:
Usability: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Jakob Nielsen: How Little Do Users Read?  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Content is  Scannable  when it’s easy for the eye and brain to process.  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Usability: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Jakob Nielsen: The F-Shaped Pattern  Not only do we know what users read, we  know   how  they read it. Eyetracking studies show web users scan content in an F-pattern. Alertbox:  F-Shaped Pattern Useit.com: Eyetracking Overview
Content Writing: Scan this Page ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Usability: Key Ingredients
Homepage Content:  Just Say No! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Steve Krug on content:  “ People are not going to read very much on your home page; they just want the gist in a short sentence or two.” Common sense web design
Usability: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Usability: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
2007 2009
Usability: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Awareness Test
Usability: The Good ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Usability: Design can enhance usability
[object Object],[object Object],[object Object],[object Object],Usability: Design can enhance usability
Usability: Design can enhance usability ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Usability: Design can enhance usability
Usability: Design does not equal good usability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
But my page can’t look like Apple; I have a lot of content! What do I put on the homepage?
Usability: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
I have too much stuff on my site. What do I say and how do I say it?
Janice Redish on Writing Content:  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Janice Redish on Writing Content:  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Content Writing: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Content Writing: ,[object Object],[object Object],[object Object],[object Object],[object Object]
Content:  Organize & Be Concise ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Write Better Content
Storytelling
Storytelling: A picture’s worth a thousand words. NY Times One in 8 Million
Storytelling: A picture’s worth a thousand words. ,[object Object],[object Object],[object Object]
Why tell stories?
What Donors Want  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Usability pays off Source: Nielsen Norman Group, 2009 Metric Average Improvement Sales /Conversion 87% Traffic/Visitors 96% User Productivity 119% Use of Specific Features 223%
Measure it! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gurus & Blog Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
References ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank you.

More Related Content

What's hot

"Making things real: Content strategy for realistic content management" - Con...
"Making things real: Content strategy for realistic content management" - Con..."Making things real: Content strategy for realistic content management" - Con...
"Making things real: Content strategy for realistic content management" - Con...
Blend Interactive
 
The Web Design Summary.doc.doc
The Web Design Summary.doc.docThe Web Design Summary.doc.doc
The Web Design Summary.doc.doc
butest
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
CenergyDave
 
10 Common Usability Mistakes
10 Common Usability Mistakes10 Common Usability Mistakes
10 Common Usability Mistakes
Emagination ®
 
The Psychology of Good Web Design
The Psychology of Good Web DesignThe Psychology of Good Web Design
The Psychology of Good Web Design
olindgallet
 

What's hot (20)

Understanding Visual Hierarchy in Web Design
Understanding Visual Hierarchy in Web DesignUnderstanding Visual Hierarchy in Web Design
Understanding Visual Hierarchy in Web Design
 
"Making things real: Content strategy for realistic content management" - Con...
"Making things real: Content strategy for realistic content management" - Con..."Making things real: Content strategy for realistic content management" - Con...
"Making things real: Content strategy for realistic content management" - Con...
 
The Web Design Summary.doc.doc
The Web Design Summary.doc.docThe Web Design Summary.doc.doc
The Web Design Summary.doc.doc
 
UX Content Strategy
UX Content StrategyUX Content Strategy
UX Content Strategy
 
What to do when you don't know what to do
What to do when you don't know what to doWhat to do when you don't know what to do
What to do when you don't know what to do
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Chavez justin websiteassess
Chavez justin websiteassessChavez justin websiteassess
Chavez justin websiteassess
 
Psychologyofwebdesign
PsychologyofwebdesignPsychologyofwebdesign
Psychologyofwebdesign
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
 
The building blocks of visual hierarchy
The building blocks of visual hierarchyThe building blocks of visual hierarchy
The building blocks of visual hierarchy
 
8 Critical Usability Tips Slideshare Post
8 Critical Usability Tips Slideshare Post8 Critical Usability Tips Slideshare Post
8 Critical Usability Tips Slideshare Post
 
10 Common Usability Mistakes
10 Common Usability Mistakes10 Common Usability Mistakes
10 Common Usability Mistakes
 
The Psychology of Good Web Design
The Psychology of Good Web DesignThe Psychology of Good Web Design
The Psychology of Good Web Design
 
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012
 
ID14 – my 2014 observations in interactive design
ID14 – my 2014 observations in interactive designID14 – my 2014 observations in interactive design
ID14 – my 2014 observations in interactive design
 

Similar to Making Your Website Sing!

User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
teaguese
 
Web Marketing Week4
Web Marketing Week4Web Marketing Week4
Web Marketing Week4
cghb1210
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Richard Harbridge
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
butest
 

Similar to Making Your Website Sing! (20)

Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website Redesign
 
My presentation at Kent State IAKM
My presentation at Kent State IAKMMy presentation at Kent State IAKM
My presentation at Kent State IAKM
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
 
Usability and UX
Usability and UXUsability and UX
Usability and UX
 
Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design
 
Web Marketing Week4
Web Marketing Week4Web Marketing Week4
Web Marketing Week4
 
Web design
Web designWeb design
Web design
 
Twf homepagedesign sb_okey
Twf homepagedesign sb_okeyTwf homepagedesign sb_okey
Twf homepagedesign sb_okey
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for Bloggers
 
Applying information architecture to university web sites
Applying information architecture to university web sitesApplying information architecture to university web sites
Applying information architecture to university web sites
 
Writing for web class2
Writing for web class2Writing for web class2
Writing for web class2
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
Information Design for the New Web
Information Design for the New WebInformation Design for the New Web
Information Design for the New Web
 
Designing usable forms
Designing usable formsDesigning usable forms
Designing usable forms
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
Lecture 9 Usability Orignal
Lecture 9 Usability OrignalLecture 9 Usability Orignal
Lecture 9 Usability Orignal
 
Design for Web and Mobile
Design for Web and MobileDesign for Web and Mobile
Design for Web and Mobile
 

Recently uploaded

Recently uploaded (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

Making Your Website Sing!